// 点击按钮时向内容脚本发送消息
document.getElementById('changeColor').addEventListener('click', () => {
    // 获取当前激活的标签页
    chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
        // 向内容脚本发送消息
        chrome.tabs.sendMessage(
            tabs[0].id, 
            { action: 'changeColor' },
            (response) => {
                // 处理可能的错误
                if (chrome.runtime.lastError) {
                    document.getElementById('status').textContent = 
                        '错误：无法连接到页面';
                    console.error(chrome.runtime.lastError.message);
                    return;
                }
                
                if (response && response.status === 'success') {
                    document.getElementById('status').textContent = 
                        `已更改为: ${response.color}`;
                }
            }
        );
    });
});

// 页面加载时获取上次使用的颜色
chrome.storage.local.get('lastColor', (result) => {
    if (result.lastColor) {
        document.getElementById('status').textContent = 
            `上次颜色: ${result.lastColor}`;
    }
});